<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Hello MUI</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--标准mui.css-->
    <link rel="stylesheet" href="../static/css/mui.min.css">
    <link rel="stylesheet" href="../static/css/native.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="../static/css/app.css"/>
    <style>
        html,body{
            background: #ddd;
        }
    </style>
</head>

<body>
<header id="header" class="mui-bar mui-bar-nav mui-bar-transparent">
    <a href="/html" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <!-- <h1 class="mui-title">
        <input class="search" type="text" placeholder="请输入商品名">
        <span class="mui-icon mui-icon-search search-icon"></span>
    </h1> -->
</header>
<nav class="mui-bar mui-bar-tab" id="cart_nav">
    <a href="" id="cart_submit" style="height:100%;width:30%;background:red;float:right;line-height:50px;display:blockl;text-align:center;color:white">
        结算
    </a>
    <div id="cart_budget">
        <div id="cart_sums">
            125.88$ : 总共
        </div>
        <div id="selector">
            <input type="checkbox" id="checkbox"> <span id="all">全部</span>
        </div>   
    </div>
</nav>

<div class="mui-content" id="cartPageContent">
   <div class="cart_container" id="cart_id">
        <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
            <li class="mui-table-view-cell" >
                <div class="mui-slider-cell">
                    <div class="item_box">
                        <div class="mui-input-row mui-checkbox selector" style="overflow:hidden">
                             <input class="checkbox" name="checkbox1" value="Item 1" type="checkbox" checked>  
                        </div>
                        <div class="oa-contact-cell mui-table cart_item">
                           
                            <div class="oa-contact-avatar mui-table-cell part class_map">
                                <img src="../static/images/60x60.gif" />
                            </div>
                            <div class="oa-contact-content mui-table-cell part class_content">
                                <div class='delete'>
                                  <a href=""><i class="mui-icon mui-icon-trash"></i></a> 
                                </div>
                                <div class="mui-clearfix">
                                    <p class="oa-contact-name">
                                      中威商城 
                                    </p>
                                    <span class="oa-contact-position mui-h6"> 
                                       颜色:红，尺码:12
                                    </span>
                                </div>
                                <div class="oa-contact-email mui-h6">
                                    <span class="price"> 125.77 ￥</span>
                                    <div class="item_number">
                                          <input class="sum" type="button" value="-" /> 
                                          <input class="sum" type="1"> 
                                          <input class="sum" type="button" value="+" /> 
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
            </li>
        </ul>
   </div> 
</div>
</body>
</html>